<template>

	<div class="captiontext" >
		<uni-section :title="style.name" :sub-title="style.description" 
		:titleFontSize="style.wordSize + 'px'"
		:titleColor="style.wordColor"
		:subTitleColor="style.descriptionColor"
		:type="style.type"
		:style="{'text-align': style.positions}">
<!-- 			<template v-slot:right>
				{{datas.description}}
			</template> -->
		</uni-section>
	</div>
</template>

<script>
	export default {
		name: 'WdCaptiontext',
		props: {
			datas: Object,
		},
		onLoad() {
			
		},
		data(){
			return{
				style:this.datas.setStyle
			}
		}
	}
</script>

<style scoped lang="less">
	.captiontext {
		border: 2px solid #fff;
		box-sizing: border-box;
		width: 100%;
		padding: 0 12px;
		min-height: 20px;
		position: relative;

		h2,
		p {
			word-wrap: break-word;
			min-height: 10px;
		}

		/* 更多 */
		.more {
			font-size: 10px;
			color: #969799;
			text-align: center;

			&.lef {
				position: absolute;
				right: 15px;
				top: 12px;
			}
		}
	}
</style>